// 字体图标声明
@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?8j0zsh');
    src:  url('../fonts/icomoon.eot?8j0zsh#iefix') format('embedded-opentype'),
      url('../fonts/icomoon.ttf?8j0zsh') format('truetype'),
      url('../fonts/icomoon.woff?8j0zsh') format('woff'),
      url('../fonts/icomoon.svg?8j0zsh#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }


.focus {
    position: relative;
    margin: 0 auto;
    height: 470px;
    width: 590px;
    background-color: #000;
    overflow: hidden;
    .arrow_l,
    .arrow_r{
        display: none;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 50px;
        height: 50px;
        // background-color: rgb(155, 148, 148);
        border-radius: 50%;
        z-index: 999;
        a {
            color: #333;
            z-index: 999;
        }
    }
    .arrow_l {
        left: 5px;
        a{
            &::after{
                content: "\ea43";
                font-family: 'icomoon';
                position: absolute;
                top: 50%;
                left: 50%;
                transform:  translate(-50%,-50%) rotate(90deg);
                font-size: 30px;
                // background-color: #000;
            }
        }
    }
    .arrow_r{
        right: 5px;
        a {
            &::after{
                content: "\ea43";
                font-family: 'icomoon';
                position: absolute;
                top: 50%;
                left: 50%;
                transform:  translate(-50%,-50%) rotate(-90deg);
                font-size: 30px;
                // background-color: #000;
            }
        }
    }
    ul {
        position: absolute;
        left: 0;
        padding: 0;
        margin: 0;
        list-style: none;
        width: 800%;
        li{
            width: 590px;
            float: left;
            img {
                width: 100%;
            }
        }
    }
    ol {
        position: absolute;
        bottom: 20px;
        left: 20px;
        list-style: none;
        padding: 0;
        margin: 0;
        li{
            float: left;
            margin: 2px;
            width: 10px;
            height: 10px;
            border: 1px solid #ccc;
            // background-color: #fff;
            border-radius: 50%;
        }
    }
    .current {
        background-color: #fff;
    }
}